<template>
    <van-tabs v-model:active="active">
        <van-tab title="全部">
            <van-cell-group>
                <van-cell title="2024-06-18 15：04：26" value="29分30秒 待付款" />
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
            </van-cell-group>

            <van-cell-group>
                <van-cell title="2024-06-18 15：04：26" value="29分30秒 待付款" />
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
            </van-cell-group>

            <van-cell-group>
                <van-cell title="2024-06-18 15：04：26" value="29分30秒 待付款" />
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
            </van-cell-group>

            <van-cell-group>
                <van-cell title="2024-06-18 15：04：26" value="29分30秒 待付款" />
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
            </van-cell-group>

            <van-cell-group>
                <van-cell title="2024-06-18 15：04：26" value="29分30秒 待付款" />
                <van-card num="2" price="2.00" desc="描述信息" title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
            </van-cell-group>
        </van-tab>
        <van-tab title="待付款">内容 2</van-tab>
        <van-tab title="代发货">内容 3</van-tab>
        <van-tab title="待收货">内容 4</van-tab>
        <van-tab title="已完成">内容 3</van-tab>
        <van-tab title="已取消">内容 4</van-tab>
    </van-tabs>
</template>

<script setup>

</script>

<style lang="scss" scoped></style>